<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
    <script src="./js/jquery-3.4.1.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <title>百联</title>

</head>

<body>
    <div id="id">
        <div class="home-container">

            <div class="home-head">
                <div class="head-content">
                    <div class="left-classify">
                        <img src="./images/shouye/fenlei.png" alt="">
                        <span>分类</span>
                    </div>

                    <div class="midd-seach">
                        <img src="./images/shouye/logo.png" alt="">
                        <input type="text" name="" id="" placeholder="搜索">
                        <span></span>
                    </div>
                    <div class="right">
                        <img src="./images/shouye/shop_cart.png" alt="" class="car">
                        <img class="jump" src="./images/shouye/me.png" alt="">
                    </div>
                </div>
            </div>
            <!-- 轮播 -->
            <div class="home-slide">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./images/shouye/lb/lb1.jpg" alt=""></div>
                        <div class="swiper-slide">
                            <img src="./images/shouye/lb/lb2.jpg" alt=""></div>
                        <div class="swiper-slide">
                            <img src="./images/shouye/lb/lb3.jpg" alt=""></div>
                        <div class="swiper-slide">
                            <img src="./images/shouye/lb/lb4.jpg" alt=""></div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <!-- 八百办 -->
            <div class="home-nav">
                
            </div>
            <!-- 今日爆款 -->
            <div class="day-host">
                <div class="today-title">
                    <div class="img-container">
                        <img src="./images/shouye/host/dayHost.png" alt="">
                    </div>
                    <div class="see-more">
                        查看更多
                        <img src="./images/shouye/host/right.png" alt="">
                    </div>
                </div>
                <div class="product-list">
                    <!-- <div class="ovfs-item">
                        <div>
                            <div class="product-img">
                                <div class="tag">
                                </div>
                                <img src="./images/shouye/dayHost/1301434354_200x200.jpg" alt="">
                                <div class="price">9.9</div>
                                <div class="reference">参考价:
                                    <span>20</span>
                                </div>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>

            <!-- 拼团 -->
            <div class="day-host pinTuan">
                <div class="today-title pintuan-title">
                    <div class="img-container">
                        <img src="./images/shouye/pintuan/pintuan.png" alt="">
                    </div>
                    <div class="see-more">
                        查看更多
                        <img src="./images/shouye/host/right.png" alt="">
                    </div>
                </div>

                <div class="pintuan-list">
                    <!-- <div class="pinTuan-content">
                        <div class="item-left">
                            <img src="" alt="">
                        </div>
                        <div class="right">
                            <div class="group-title"></div>
                            <div class="middle"></div>
                            <div class="bottom"></div>
                            <div class="open-group"></div>
                        </div>
                    </div> -->
                </div>
            </div>

            <!-- 相见恨晚·边看边买 -->
            <div class="brief-encounter">
                <div class="title">相见恨晚·边看边买
                </div>
                <div>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="./images/shouye/1273195010.jpg" alt=""></div>
                            <div class="swiper-slide">
                                <img src="./images/shouye/1497545796.jpg" alt=""></div>
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
            <div class="look-buy">
                <div class="left-container">
                    <img src="./images/shouye/1622407404.jpg" lazy="loaded">
                    <div class="container-des">
                        还在用有线充电？试试这个!
                    </div>
                </div>
                <div class="right-container">
                    <!-- <img src="./images/shouye/1814089328.jpg"> -->
                    <div class="bofang"></div>
                    <video src="http://1253388398.vod2.myqcloud.com/2bfbbe71vodgzp1253388398/f35918d75285890795333971059/XlJeFOIuSaIA.mp4"></video>
                    <div class="container-des">
                        微波巧克力蛋糕
                    </div>
                </div>
            </div>

            <!-- 精选推荐 -->
            <div class="choiceness-theme">
                <img src="./images/shouye/39653131.png" class="title">
                <div class="content">
                    <div class="single-line-item">
                        <div class="item">
                            <img src="./images/shouye/choiceness/SP_2000_20000265151001_01_10009.jpg">
                            <div class="sub_title">囤货小当家</div>
                            <div class="sub">会囤货会生活</div>
                        </div>
                        <div class="item">
                            <img src="./images/shouye/choiceness/37098407_220x220.jpg">
                            <div class="sub_title">水润护肤</div>
                            <div class="sub">为您推荐</div>
                        </div>
                        <div class="item">
                            <img src="./images/shouye/choiceness/988168636_220x220.jpg">
                            <div class="sub_title">薯动全城</div>
                            <div class="sub">为您推荐</div>
                        </div>
                        <div class="item">
                            <img src="./images/shouye/choiceness/1048889630_220x220.jpg">
                            <div class="sub_title">美味下午茶</div>
                            <div class="sub">不负午后好时光</div>
                        </div>
                    </div>
                    <div class="single-line-item margin">
                        <div class="item">
                            <img src="./images/shouye/choiceness/765202746_220x220.jpg">
                            <div class="sub_title">缤纷彩妆</div>
                            <div class="sub">缤纷彩妆</div>
                        </div>
                        <div class="item">
                            <img src="./images/shouye/choiceness/1739704413_220x220.jpg">
                            <div class="sub_title">姨妈小驻</div>
                            <div class="sub">呵护那几天</div>
                        </div>
                        <div class="item">
                            <img src="./images/shouye/choiceness/SP_2000_20000849831001_01_10009.jpg">
                            <div class="sub_title">速冻美味</div>
                            <div class="sub">为您推荐</div>
                        </div>
                        <div class="item">
                            <img src="./images/shouye/choiceness/872861721_220x220.jpg">
                            <div class="sub_title">衣物洗护</div>
                            <div class="sub">为您推荐</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 好货排行榜 -->
            <div class="rank-container">
                <div class="title">
                    好货排行榜
                </div>
                <div class="rank-content">
                    <div class="inner">
                        <!-- <div class="inner-item">
                            <div>
                                <img src="./images/shouye/rank/bib_no10.534223c.png" class="rank-img"> <img
                                    src="./images/shouye/rank/1004126124.jpg">
                            </div>
                            <div class="text">
                                平板卫生纸
                            </div> -->
                    </div>
                </div>
            </div>

            <!-- brand-container -->
            <div class="brand-container">
                <div class="inner">
                    <!-- <div class="item">
                        <img src="http://img13.iblimg.com/goods-135/images/brand/oujing.jpg">
                        欧井
                    </div> -->
                </div>
            </div>

            <!-- 下单立享 -->
            <div class="promotion-card">
                <div class="item">
                    <div class="promotion-card-item-container">
                        <div>
                            <div class="active-name">下单立享8折</div>
                            <div class="back-line"></div>
                        </div>
                        <div class="promotion-card-item-content">
                            <div class="content-item">
                                <img src="https://Img.iblimg.com/photo-42/3030/329937121_220x220.jpg">
                                <div>
                                    卡诗 KERASTASE 双重菁纯白茶油 100ml 免洗护发精油染后护色柔亮润泽 西班牙进口
                                </div>
                            </div>
                            <div class="content-item">
                                <img src="https://Img.iblimg.com/photo-42/3030/1478962487_220x220.jpg">
                                <div>
                                    KISS NEW YORK 轻羽假睫毛5对装 1个 KFLM06
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="vertical-line-container">
                    <div class="line"></div>
                </div>
                <div class="item">
                    <div class="promotion-card-item-container">
                        <div>
                            <div class="active-name">1件8.5折，2件8折</div>
                            <div class="back-line"></div>
                        </div>
                        <div class="promotion-card-item-content">
                            <div class="content-item">
                                <img src="https://img19.iblimg.com/mp-175/mp/goods/196694889_220x220.jpg">
                                <div>
                                    SHISEIDO 资生堂 悦薇紧致颈霜 75g
                                </div>
                            </div>
                            <div class="content-item">
                                <img src="https://img16.iblimg.com/mp-175/mp/goods/1150495629_220x220.jpg">
                                <div>
                                    Kiehls 科颜氏 高保湿面霜 125ml
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 精选活动 -->
            <div class="special-events">
                <div class="title">
                    精选活动
                    <!---->
                </div>
                <div class="special-events-content">
                    <div class="big-img"><img src="https://img23.iblimg.com/market-3/images/activity/1100714585.jpg">
                        <div class="triangle-img">
                            <div data-v-3f9d1588="">
                                <img
                                    src="">
                            </div>
                        </div>
                    </div>
                    <!---->
                    <div class="b-format-floor-container">
                        <div class="item">
                            <img src="https://img22.iblimg.com/market-3/images/activity/1172144734.jpg">
                        </div>
                        <div class="item">
                            <img src="https://img22.iblimg.com/market-3/images/activity/1499594517.jpg">
                        </div>
                        <div class="item">
                            <img src="https://img22.iblimg.com/market-3/images/activity/1971196344.jpg">
                        </div>
                        <div class="item">
                            <img src="https://img23.iblimg.com/market-3/images/activity/429973070.jpg">
                        </div>
                    </div>
                </div>
            </div>

            <!-- 猜你喜欢 -->
            <div class="product-base bg-white">
                <div class="guess">猜你喜欢</div>
                <div class="product-list">
                    <ul>
                        <!-- <li>
                            <div class="product-item">
                                <div>
                                    <div class="common-bg lazy-box">
                                        <span class="similar">看相似</span>
                                         <img
                                            class="square-lazy"
                                            src="https://Img.iblimg.com/photo-45/2000/1843929457_220x220.jpg">
                                        </div>
                                    <div class="desc">御贤果园 智利车厘子2斤 JJ( 28-30mm)
                                    </div>
                                    <div class="price flex-m">
                                        <div>199.00</div>
                                        
                                    </div>
                                </div>
                            </div>
                        </li> -->
                    </ul>
                </div>
                <div class="infinite-layer">
                    <div class="infinite-preloader"></div>
                    <div>加载中...</div>
                </div>


            </div>
        </div>
    </div>
</body>
<script src="./js/data.js"></script>
<script src="./js/index.js"></script>
<script>

</script>
</html>